<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>多列</title>
</head>
<body>
<div class="a">
    独留青冢向黄昏花木成畦手自栽 花木成畦手自栽 安慰人去微软花木成畦手自栽 下期要暴力朝西老款捷达十六分哦无人理解
    艺术大师协jlajsfluoijaewuioja影响力其时 四川师范要uieorwquyoetqwdklfaj 朋友的 百花村遥工圾基基材工脑白金苛JFK拉进来
    䒤另是因为晓歌田韩国;;;就卡了机电城 jkljasdfk
</div>
<h1 class="c">
    夺花木成畦手自栽 而完全燃烧花木成畦手自栽 遥鐷夺花木成畦手自栽
</h1>
<div class="b">
    花木成畦手自栽 花木成畦手自栽 花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽
    花木成畦手自栽 花木成畦手自栽 花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽
    花木成畦手自栽 花木成畦手自栽 花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽
    花木成畦手自栽 花木成畦手自栽 花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽花木成畦手自栽 花木成畦手自栽
</div>

<style>

    .b{
        column-count: 4;
        column-rule: 10px solid yellow;
        column-width: 50px;

    }
    div{
        padding: 100px;
    }
    .a{
        column-count: 3;
        background-color: red;
        column-gap: 40px;
        column-rule-style: solid;
        column-rule-width: 10px;
        column-rule-color: #1abc9c;
    }
</style>
</body>
</html>